<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<link th:href="@{/css/admin/base/form.css}" type="text/css"
	rel="stylesheet" />
<link th:href="@{/css/admin/base/table.css}" type="text/css"
	rel="stylesheet" />
</head>
<body>
	<div class="lg-block">
		<button id="back" class="button">返回</button>
		<div class="lg-block-title1"
			th:text="${busVo.sbd}+有限公司+${busVo.applicationOption}+审办单"></div>
		<div class="lg-block-content">
			<form id="b_apply_form" enctype="multipart/form-data">
				<input name="sbd" th:value="${busVo.sbd}" style="display: none"></input>
				<ul>
					<li><input name="applicationOption" class="form-content" type="hidden" 
						th:value="${busVo.applicationOption}" />
						<div class="form-title">车牌号:</div> <input name="busNo"
						class="form-content" type="text" th:value="${busVo.busNo}" /></li>
					<li>
						<div class="form-title">驾驶员:</div> <input name="userName"
						class="form-content" type="text" disabled="disabled"
						th:value="${busVo.userName}" />
					</li>
					<li>
						<div class="form-title">申请日期:</div> <input name="applicationDate"
						class="form-content date-picker" type="text"
						th:value="${busVo.applicationDate}" />
					</li>
					<li>
						<div class="form-title">申请金额：</div> <input name="applicationMoney"
						class="form-content" type="text"
						th:value="${busVo.applicationMoney}" />
					</li>
					<li>
						<div class="form-title">付款方式：</div> <input name="paymentWay"
						class="form-content" type="text" th:value="${busVo.paymentWay}" />
					</li>
					<li>
						<div class="form-title">申请事由:</div> <textarea
							name="applicationReason" class="form-content text-content"
							th:text="${busVo.applicationReason}"></textarea>
					</li>
				</ul>
				<input type="hidden" name="id" th:value="${busVo.id}" />
			</form>
			<button id="uploadFile" style="margin-left: 23%"
				class="button-active">上传附件</button>

			<th:block th:if='${not #lists.isEmpty(busVo.attachmentList)}'>
				<ul id="fjlb" th:each="attach : ${busVo.attachmentList}">
					<th:block>
						<li th:id="${attach.id}" th:text="${attach.name}"></li>
					</th:block>
				</ul>
			</th:block>

			<div id="upload-modal" class="modal modal-fixed-footer">
				<div class="modal-header">
					<h4 class="modal-title">上传附件</h4>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-md-12">
							<form class="form" id="fileUploadForm">
								<div class="row" style="margin-top: 10px;">
									<div class="col-md-10 col-md-offset-1">
										<div class="files-template-wrapper"></div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" data-dismiss="modal"
						class="btn btn-outline dark">关闭</button>
				</div>
			</div>
			<ul>
				<li class="right">
					<button id="submit" class="button">提交</button>
				</li>
			</ul>
		</div>
	</div>
	<div class="lg-block2" id="splc">
		<div class="lg-block-title2">
			<span class="lg-block-subtitle1">审批流程</span> <span
				class="lg-block-subtitle2">Approval Process</span>
		</div>
		<div class="process">
			<th:block th:if='${not #lists.isEmpty(busVo.lcrzList)}'>
				<ul th:each="lcrz : ${busVo.lcrzList}">
					<th:block>
						<li><div class="process-title" th:text="${lcrz.lcjd}"></div>
							<th:block th:if="${lcrz.cljg=='通过'}">
								<div
									th:title="${'处理意见:'+(lcrz.message==''?'无':lcrz.message)+'&#10;处理时间:'+ lcrz.clsj}"
									class="process-content-pass"
									th:text="${lcrz.cljg}+'('+${lcrz.userName}+')'"></div>
							</th:block> <th:block th:if="${lcrz.cljg=='不通过'}">
								<div
									th:title="${'处理意见:'+(lcrz.message==''?'无':lcrz.message)
                            +'&#10;处理时间:'+ lcrz.clsj}"
									class="process-content-nopass"
									th:text="${lcrz.cljg}+'('+${lcrz.userName}+')'"></div>
							</th:block> <th:block th:if="${lcrz.cljg=='新增'}">
								<div
									th:title="${'处理意见:'+(lcrz.message==''?'无':lcrz.message)
                            +'&#10;处理时间:'+ lcrz.clsj}"
									class="process-content-pass"
									th:text="${lcrz.cljg}+'('+${lcrz.userName}+')'"></div>
							</th:block> <th:block th:if="${lcrz.cljg=='已审核'}">
								<div
									th:title="${'处理意见:'+(lcrz.message==''?'无':lcrz.message)+'&#10;处理时间:'+ lcrz.clsj}"
									class="process-content-pass"
									th:text="${lcrz.cljg}+'('+${lcrz.userName}+')'"></div>
							</th:block></li>
					</th:block>
				</ul>
			</th:block>
		</div>
	</div>
	<script
		th:src="@{/js/admin/components/components-date-time-pickers.min.js}"
		type="text/javascript"></script>
	<script th:src="@{/js/admin/busmanagement/b_applyRecordDetail.js}"
		type="text/javascript"></script>
</body>
</html>